<script>
	export default {
		components: {},
		props: {},
		render(...args) {
			return (
				<div>
					{this.arr}
					<el-button
						type='primary'
						size='default'
						onClick={this.clear}>
						clear
					</el-button>
					<el-button
						type='primary'
						size='default'
						onClick={this.give}>
						give
					</el-button>
					<div>{this.$slots.default.length}</div>
					<div>slots.default</div>
					{...this.$slots.default}
					<div>scopedSlots.a</div>
					{this.$scopedSlots.header({ row: this.arr })}
				</div>
			);
		},
		data() {
			return {
				show: false,
				arr: [1, 2, 3, 4, 5],
			};
		},
		provide() {
			return {};
		},
		computed: {},
		beforeDestroy() {},
		mounted() {},
		methods: {
			change() {
				this.show = !this.show;
			},
			clear() {
				this.arr = [];
			},
			give() {
				this.arr = [1, 2, 3, 4, 5];
			},
		},
	};
</script>

<style></style>
